@media screen and (min-width:1440px) {
	.container, .page_content, .talent_center_index {
		width: 77.8%
	}
}

@media screen and (max-width:1120px) {
	.container, .page_content, .talent_center_index {
		width: 95%
	}
}

@media screen and (max-width:1024px) {
	.index_wrapper, .page_banner {
		margin-top: 60px
	}
	.course_detail .content .year_list, .course_detail .content .year_list .year_list_body .year div,
		footer .footer_body .footer_menu {
		width: 100%;
		float: none
	}
	header {
		display: none
	}
	.miniHeader {
		display: block
	}
	.about_joinstar .course .course_body, .recruitment .filtrateBox .searchBox label,
		footer .footer_body .attention {
		display: none
	}
	footer .footer_body {
		padding-top: 20px;
		height: auto
	}
	footer .footer_body .footer_menu div {
		width: 100%;
		margin-right: 0;
		float: none
	}
	footer .footer_body .footer_menu div h2 {
		padding-left: 5%;
		padding-top: 15px;
		background: url(../img/icon_jia_02.png) right 5% center no-repeat
	}
	footer .footer_body .footer_menu div ul {
		padding-left: 5%;
		display: none
	}
	footer .footer_body .footer_menu div ul li a {
		font-size: 14px
	}
	footer .footer-copy-right {
		height: auto;
		line-height: 25px;
		padding: 10px 5%;
		text-align: center
	}
	.page_content {
		padding-bottom: 60px
	}
	.index_wrapper .swiper_banner, .index_wrapper .swiper_banner .swiper-container,
		.index_wrapper .swiper_banner .swiper-container .swiper-slide {
		height: 400px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body
		{
		padding-top: 100px
	}
	.course_detail .content .year_list {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.course_detail .content .year_list .year_list_body {
		margin-bottom: 20px
	}
	.course_detail .content .year_list .year_list_body .year ul {
		float: none;
		margin-left: 0;
		margin-top: 10px
	}
	.course_detail .content .img_list {
		overflow: hidden;
		float: none;
		width: 96%;
		clear: both;
		margin-top: 50px;
		padding: 0 2% 40px
	}
	.course_detail .content .img_list div {
		width: 20%;
		float: left;
		padding: 0 2.5%
	}
	.news_detail .content .img img, .news_detail .news_detail_footer .page {
		width: 100%
	}
	.news_detail .content {
		padding: 20px 15px
	}
	.news_detail .news_detail_footer {
		padding-bottom: 0
	}
	.zhonghan_business {
		padding: 0 2%
	}
	.zhonghan_business .business_describe .business_describe_content .business_describe_img
		{
		text-align: left;
		width: 100%;
		float: none
	}
	.zhonghan_business .business_describe .business_describe_content .business_describe_img img
		{
		width: auto
	}
	.zhonghan_business .business_describe .business_describe_content .business_describe_text
		{
		float: none;
		width: 100%;
		padding-top: 10px
	}
	.zhonghan_business .business_details_box {
		padding: 0 2% 20px
	}
	.zhonghan_business .business_details_box .business_details_box_text {
		width: 100%;
		float: none;
		padding-left: 0
	}
	.zhonghan_business .business_details_box .business_details_box_img {
		width: 100%;
		text-align: center;
		margin-top: 20px;
		float: none
	}
	.zhonghan_business .business_details_box .business_details_box_img img {
		width: auto
	}
	.search_bar {
		height: auto
	}
	.search_bar.noarr .tabs_body {
		width: 100%;
		white-space: normal;
		margin-left: 0;
		height: auto
	}
	.search_bar.noarr .tabs_body .tabs {
		position: relative
	}
	.search_bar.noarr .tabs_body .tabs a {
		float: left
	}
	.search_bar .search_box {
		top: -50px;
		left: 0;
		right: 0
	}
	.search_bar .search_box span {
		width: 70%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		vertical-align: middle
	}
	.search_bar .search_box span .input {
		width: 100%
	}
	.search_bar .search_box .button {
		width: 30%;
		vertical-align: middle
	}
	.literature, .product_search_list {
		padding-bottom: 0
	}
	.product_classify_list .box .list, .talent_center_content .Learning_development .img_tabs .tabs_tabpanel,
		.talent_center_content .public .img_tabs, .talent_center_content .salary_and_welfare
		{
		padding-bottom: 60px
	}
	.literature .search_bar .rightArrow, .product_search_list .search_bar .rightArrow
		{
		right: 0;
		left: auto
	}
	.literature .search_bar .tabs_body, .product_search_list .search_bar .tabs_body
		{
		width: auto;
		margin-right: 30px
	}
	.talent_center_index .talent_center_index_left, .talent_center_index .talent_center_index_right
		{
		width: 100%;
		float: none
	}
	.talent_center_index .talent_center_index_right img {
		width: 50%;
		float: left
	}
	.talent_center_index .talent_center_index_right .content {
		width: 50%
	}
	.talent_center_content .Learning_development .box img,
		.talent_center_content .life .box img, .talent_center_content .salary_and_welfare .welfare .item ul
		{
		width: 100%
	}
	.talent_center_content .Learning_development .box,
		.talent_center_content .life .box, .talent_center_content .salary_and_welfare .box
		{
		margin-top: 20px
	}
	.talent_center_content .salary_and_welfare .welfare .item ul li {
		margin-bottom: 10px
	}
	.talent_center_content .public .head .title {
		padding-top: 20px
	}
	.zhonghan_news .zhonghan_news_swiper .swiper-pagination {
		left: auto;
		right: 10px
	}
	.product_classify_list .box .product_list .type_list ul li {
		width: 33.33%
	}
	.product_details .product_details_box .content .list {
		padding-bottom: 0
	}
	.recruitment .filtrateBox .searchBox form {
		padding: 0 2.5%;
		width: 95%
	}
	.recruitment .filtrateBox .searchBox form span {
		width: 70%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		vertical-align: middle
	}
	.recruitment .filtrateBox .searchBox form span .input {
		width: 100%
	}
	.recruitment .filtrateBox .searchBox form .button {
		width: 30%;
		vertical-align: middle
	}
	.about_joinstar .course .miniYears1024 {
		display: block
	}
	.reagent_list ul li {
		padding: 45px 40px;
		border-bottom: 1px dashed #dadada;
		overflow: hidden
	}
	.reagent_list ul li .con {
		width: 55%
	}
}

@media screen and (max-width:900px) {
	.index_wrapper .swiper_banner, .index_wrapper .swiper_banner .swiper-container,
		.index_wrapper .swiper_banner .swiper-container .swiper-slide {
		height: 350px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body
		{
		padding-top: 60px
	}
	.index_wrapper .zh_service ul li a .content {
		padding: 0 5%
	}
	.index_wrapper .zh_service ul li a .content h3 {
		font-size: 16px
	}
	.about_joinstar .concept .content ul li .con {
		padding: 0 10px
	}
	.about_joinstar .title:before {
		left: 10%
	}
	.about_joinstar .title:after {
		right: 10%
	}
	.zhonghan_news .zhonghan_news_swiper .swiper-container .swiper-slide .content p
		{
		line-height: 25px;
		height: 25px;
		-webkit-line-clamp: 1
	}
	.zhonghan_news .zhonghan_news_swiper .swiper-container .swiper-slide .content a
		{
		margin-top: 5px
	}
}

@media screen and (max-width:768px) {
	.page_content .page_tabs .active, .page_content .page_tabs span {
		border-bottom-color: transparent
	}
	.page_content {
		padding-bottom: 30px
	}
	.right_nav {
		top: 90%
	}
	.right_nav a {
		display: none
	}
	.right_nav #right_nav_top {
		display: block
	}
	.index_wrapper .swiper_banner, .index_wrapper .swiper_banner .swiper-container,
		.index_wrapper .swiper_banner .swiper-container .swiper-slide {
		height: 300px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body
		{
		padding-top: 50px;
		width: 100%;
		text-align: center;
		margin: 0
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h2
		{
		font-size: 36px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h3,
		.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h4
		{
		font-size: 32px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h5
		{
		font-size: 10px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .text
		{
		margin-top: 25px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .text p
		{
		line-height: 25px;
		font-size: 12px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .e_line
		{
		font-size: 21px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body a
		{
		margin-top: 15px
	}
	.index_wrapper .news {
		padding: 30px 0;
		margin: 0 auto
	}
	.index_wrapper .news .video {
		float: none;
		width: 100%
	}
	.index_wrapper .news .news_list {
		float: none;
		width: 100%;
		margin-top: 30px
	}
	.index_wrapper .news .news_list .tabs_content_list div ul li {
		background-size: 12px 12px
	}
	.index_wrapper .zh_service {
		height: 400px
	}
	.index_wrapper .zh_service ul li a .icon {
		height: auto;
		padding: 50% 0;
		position: relative
	}
	.index_wrapper .zh_service ul li a .icon span {
		background-size: 40% 40%;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0
	}
	.index_wrapper .zh_service ul li a .content {
		height: 70px;
		padding: 0 2%
	}
	.index_wrapper .zh_service ul li a .content h3 {
		font-size: 14px
	}
	.index_wrapper .zh_service ul li a .content p {
		display: none
	}
	.page_banner {
		height: 260px
	}
	.page_banner .page_theme {
		padding-top: 80px
	}
	.page_banner .page_theme span {
		display: block;
		margin-left: 0;
		margin-top: 10px
	}
	.page_banner .page_breadcrumb {
		margin-top: 50px
	}
	.page_content .page_tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	#pagination .first, #pagination .last, .literature .search_bar .leftArrow,
		.literature .search_bar .rightArrow, .product_search_list .search_bar .leftArrow,
		.product_search_list .search_bar .rightArrow {
		display: none
	}
	.page_content .page_tabs span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-left: 0;
		text-align: center;
		position: relative
	}
	.page_content .page_tabs .active:after {
		content: ' ';
		position: absolute;
		width: 60px;
		height: 1px;
		bottom: -3px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		border-top: 2px solid #00a29a
	}
	.page_content .page_news_list ul li a span {
		width: 60%
	}
	.page_content .page_news_list ul li a b {
		width: 40%;
		text-align: right
	}
	.course_detail .content .img_list div {
		width: 30%;
		padding: 0 1.5%
	}
	.zhonghan_business .business_describe .business_describe_content {
		text-align: justify
	}
	.zhonghan_business .business_describe .business_describe_content .business_describe_img
		{
		width: 100%;
		float: none
	}
	.zhonghan_business .business_describe .business_describe_content .business_describe_img img
		{
		width: 100%
	}
	.zhonghan_business .business_describe .business_describe_content .business_describe_text
		{
		float: none;
		width: 100%;
		padding-top: 10px
	}
	.zhonghan_business .business_details_box {
		padding: 0 2% 20px
	}
	.product_classify_list .box .list, .talent_center_content .Learning_development .img_tabs .tabs_tabpanel,
		.talent_center_content .public .img_tabs {
		padding-bottom: 30px
	}
	.zhonghan_business .business_details_box .business_details_box_text {
		width: 100%;
		float: none;
		padding-left: 0
	}
	.zhonghan_business .business_details_box .business_details_box_img {
		width: 100%;
		text-align: center;
		margin-top: 20px;
		float: none
	}
	.zhonghan_business .business_details_box .business_details_box_img img {
		width: 100%
	}
	.literature ul li a span {
		width: 60%
	}
	.literature ul li a b {
		width: 40%;
		text-align: right
	}
	.about_joinstar .concept .content ul li .icon span {
		background-size: 70%
	}
	.literature .search_bar .tabs_body, .product_search_list .search_bar .tabs_body
		{
		margin: 0;
		white-space: normal;
		height: auto
	}
	.literature .search_bar .tabs_body .tabs, .product_search_list .search_bar .tabs_body .tabs
		{
		position: relative
	}
	.literature .search_bar .tabs_body .tabs a, .product_search_list .search_bar .tabs_body .tabs a
		{
		float: left
	}
	.product_classify_list .box .product_list .img, .product_classify_list .box .product_list .type_list,
		.product_classify_list .box .product_list .type_list ul li {
		width: 50%
	}
	.reagent_list ul li .con {
		width: 45%
	}
	product_details .product_details_box .content .reagentList div label{width:100%;float:none;padding-bottom:10px}.product_details .product_details_box .content .reagentList div label span{width:80%;padding:0 10%}.product_details .product_details_box .content .reagentList div ul{width:100%;float:none}
}

@media screen and (max-width:600px) {
	.reagent_list ul li {
		padding: 25px 10px
	}
	.reagent_list ul li .con {
		width: 100%;
		float: none
	}
	.reagent_list ul li .btns {
		float: none;
		margin-top: 20px
	}
	.index_wrapper .swiper_banner, .index_wrapper .swiper_banner .swiper-container,
		.index_wrapper .swiper_banner .swiper-container .swiper-slide {
		height: 300px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body
		{
		padding-top: 50px;
		width: 100%;
		text-align: center
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h2
		{
		font-size: 26px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h3
		{
		font-size: 22px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h4
		{
		font-size: 32px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h5
		{
		font-size: 10px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .text
		{
		margin-top: 10px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .text p
		{
		line-height: 20px;
		font-size: 12px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .e_line
		{
		font-size: 15px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body a
		{
		margin-top: 15px
	}
	.recruitment .filtrateBox .selectBox div {
		padding: 2.5%
	}
	.talent_center_index .talent_center_index_left .content,
		.talent_center_index .talent_center_index_right .content {
		padding-left: 10px
	}
	.recruitment .filtrateBox .selectBox div label {
		width: 100%;
		text-align: left
	}
	.recruitment .filtrateBox .selectBox div ul {
		width: 100%
	}
	.product_details .product_title .operation {
		float: right;
		width: 30%;
		text-align: right
	}
	.product_details .product_title .operation a {
		float: right;
		line-height: 30px;
		display: block;
		margin-left: 0;
		width: 85px
	}
	.product_details .product_features .features, .product_details .product_features .product_img
		{
		float: none;
		width: 100%
	}
	.talent_center_content .Learning_development .img_tabs .tabs_tabpanel div ul li:nth-child(4),
		.talent_center_content .public .img_tabs .tabs_tabpanel .tabpanel ul li:nth-child(4)
		{
		float: left
	}
	.product_details .product_details_box .content .list ul li {
		width: 28%;
		margin-left: 4%
	}
	.talent_center_index .talent_center_index_left .content h2 {
		font-size: 16px;
		padding-top: 30px
	}
	.talent_center_index .talent_center_index_left .content p {
		font-size: 12px;
		line-height: 20px
	}
	.talent_center_index .talent_center_index_right {
		text-align: left
	}
	.talent_center_content .Learning_development .box img {
		width: 100%
	}
	.talent_center_content .Learning_development .img_tabs .tabs_tabpanel div ul li
		{
		width: 45%;
		margin-left: 3.33%;
		margin-right: 0;
		margin-bottom: 20px
	}
	.talent_center_content .public .head .img, .talent_center_content .public .head .text
		{
		width: 100%
	}
	.talent_center_content .public .head .text {
		padding-top: 10px
	}
	.talent_center_content .public .img_tabs .tabs_tabpanel .tabpanel ul li
		{
		width: 45%;
		margin-left: 3.33%;
		margin-right: 0;
		margin-bottom: 20px
	}
	.zhonghan_news .zhonghan_news_swiper .swiper-container .swiper-slide .img
		{
		width: 100%;
		float: none
	}
	.zhonghan_news .zhonghan_news_swiper .swiper-container .swiper-slide .content
		{
		width: 98%;
		float: none;
		padding: 2%
	}
	.zhonghan_news .zhonghan_news_swiper .swiper-container .swiper-slide .content p
		{
		height: 50px;
		-webkit-line-clamp: 2
	}
	.about_joinstar .company_profile .body .img, .zhonghan_news .zhonghan_news_list ul li .news_content,
		.zhonghan_news .zhonghan_news_list ul li .news_img {
		width: 100%;
		float: none
	}
	.about_joinstar .company_profile .body .content {
		width: 100%;
		float: none;
		padding-top: 10px
	}
	.about_joinstar .concept .content ul li {
		width: 45%;
		margin-left: 3.33%;
		margin-bottom: 20px
	}
	.about_joinstar .concept .content ul li .icon {
		height: 160px
	}
	.about_joinstar .concept .content ul li .icon span {
		background-size: auto 70%
	}
	.about_joinstar .concept .content ul li .con {
		height: 150px
	}
	.about_joinstar .honor .honor_swiper .swiper_box ul li {
		width: 42%;
		padding: 0 4%
	}
	.about_joinstar .partners .partners_swiper .swiper_box ul li {
		width: 30%;
		padding: 0 1.6%
	}
	.zhonghan_business .line_of_business ul li {
		width: 40%;
		margin-left: 6.5%;
		margin-bottom: 20px
	}
	.product_classify_list .box .list ul li {
		width: 45%;
		padding: 0 2.5%
	}
	.product_classify_list .box .product_list .img, .product_classify_list .box .product_list .type_list
		{
		width: 100%
	}
	.product_search_list .list ul li {
		width: 45%;
		padding: 0 2.5%
	}
	.product_details .product_details_box .content .reagentList div label{width:100%;float:none;padding-bottom:10px}.product_details .product_details_box .content .reagentList div label span{width:80%}.product_details .product_details_box .content .reagentList div ul{width:100%;float:none}.product_details .product_details_box .content .reagentList div ul li{width:50%}
}

@media screen and (max-width:480px) {
	.index_wrapper .news .video, .index_wrapper .swiper_banner,
		.index_wrapper .swiper_banner .swiper-container, .index_wrapper .swiper_banner .swiper-container .swiper-slide
		{
		height: 200px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body
		{
		padding-top: 20px;
		width: 100%;
		text-align: center
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h2,
		.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h3,
		.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h4
		{
		font-size: 16px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body h5
		{
		font-size: 10px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .text
		{
		margin-top: 6px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .text p
		{
		line-height: 15px;
		font-size: 12px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body .e_line
		{
		font-size: 15px
	}
	.index_wrapper .swiper_banner .swiper-container .swiper-slide .container .swiper-slide-body a
		{
		margin-top: 15px
	}
	.index_wrapper .news .news_list .tabs {
		font-size: 12px
	}
	.index_wrapper .zh_service {
		height: 320px
	}
	.index_wrapper .zh_service ul li a .icon {
		height: auto;
		padding: 50% 0;
		background-size: 40% 40%
	}
	.index_wrapper .zh_service ul li a .content {
		height: 50px;
		padding: 0 1%
	}
	.index_wrapper .zh_service ul li a .content h3 {
		font-size: 12px;
		padding-top: 22px
	}
	.index_wrapper .zh_service ul li a .content p {
		display: none
	}
	.page_banner {
		height: 200px
	}
	.page_banner .page_theme {
		padding-top: 50px;
		font-size: 30px
	}
	.page_banner .page_theme span {
		display: block;
		margin-left: 0;
		margin-top: 10px;
		font-size: 16px
	}
	#pagination .next, #pagination .pre, .talent_center_index .talent_center_index_left b.arr1
		{
		display: none
	}
	.page_banner .page_breadcrumb {
		margin-top: 50px
	}
	.course_detail .content .img_list div {
		width: 45%;
		padding: 0 2.5%
	}
	.talent_center_index .talent_center_index_left img {
		float: left;
		width: 100%
	}
	.talent_center_index .talent_center_index_left .content {
		width: 100%;
		padding-bottom: 20px
	}
	.talent_center_index .talent_center_index_left .content h2 {
		font-size: 22px;
		padding: 50px 0 15px
	}
	.talent_center_index .talent_center_index_left .content p {
		font-size: 14px;
		line-height: 25px
	}
	.talent_center_index .talent_center_index_right {
		text-align: left
	}
	.talent_center_index .talent_center_index_right .content {
		width: 100%
	}
	.talent_center_index .talent_center_index_right img {
		width: 100%;
		float: none
	}
}